<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>查看订单</title>
    <link rel="stylesheet" href="css/styles.css">
</head>

<body>
    <header>
        <h1>查看订单</h1>
    </header>
    <div class="container">
        <nav>
            <ul>
                <li><a href="admin.html">首页</a></li>
                <li><a href="add-car.html">添加新车辆</a></li>
                <li><a href="rentals.html">查看所有车辆情况</a></li>
                <li><a href="edit-user.html">修改用户信息</a></li>
                <li><a href="reviews.html">查看修改评论</a></li>
                <li><a href="orders.html" class="active">查看订单</a></li>
            </ul>
        </nav>
        <main>
            <section>
                <h2>查看订单</h2>
                <table>
                    <thead>
                        <tr>
                            <th>订单编号</th>
                            <th>用户ID</th>
                            <th>车型</th>
                            <th>租赁期限</th>
                            <th>总金额</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>001</td>
                            <td>1001</td>
                            <td>经济型</td>
                            <td>3天</td>
                            <td>¥600</td>
                            <td><button>还车</button></td>
                        </tr>
                        <!-- 更多订单 -->
                    </tbody>
                </table>
            </section>
        </main>
    </div>
    <footer>
        <p>&copy; 2024 租车管理系统. 版权所有.</p>
    </footer>
</body>

</html>